﻿@{
    ViewBag.Title = "支持人列表";
    Layout = "~/Views/Shared/_LayoutFore.cshtml";
}
<div class="RightContrent">
    <div style="margin-left: 50px; margin-right: 50px;">
        <div class="tab-content">
            <div class="line10"></div>
            <div class="line10"></div>
            <div class="tab_title">@ViewBag.Title</div>
            <div class="tab-content">
                <div style="width: 16px; height: 12px; float: left;">
                    <img src="~/Content/Images/leftarraw.png" />
                </div>
            </div>

            <div class="tab-content_border">
                <div class="u-center">
                    <div class="menu-list" align="left">
                        <a href="/UserProject/MyProject" class="btn" style="color: white">《&nbsp;返回</a>
                    </div>
                    <div class="line10"></div>
                    <div id="gridlist">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    var options = [];
    options = {
        listUrl: '@Url.Action("SupporterList", new { id = ViewBag.ID })'
    }

    $(document).ready(function () {
        var gridopt = {
            url: options.listUrl,
            colModel: [
                { display: '编号', name: 'ID', width: "1%", sortable: true, hide: true, align: 'left', iskey: true },
                {
                    display: '用户名', name: 'Name', width: "15%", sortable: true, align: 'left', process: function (value, cell) {
                        return "<img src='" + cell[6] + "' width='50' height='50' style='border-radius:50%;'/><br/>" + value;
                    }
                },
                {
                    display: '支持金额(元)', name: 'Amount', width: "10%", sortable: true, align: 'left', process: function (value) {
                        return "<span style='color:#EC303F'>￥</span>" + value;
                    }
                },
                { display: '订单编号', name: 'SerialNumber', width: "20%", sortable: true, align: 'left' },
                { display: '运单编号', name: 'BiaoNo', width: "20%", sortable: true, align: 'left' },
                { display: '下单时间', name: 'PayTime', width: "20%", sortable: true, align: 'left' },
                { display: '头像', name: 'HeadImage', width: "15%", sortable: true, hide: true, align: 'left' }
            ],
            sortname: "PayTime",
            sortorder: "DESC",
            title: false,
            rp: 8,
            usepager: true,
            showcheckbox: false
        };

        var xjgrid = new xjGrid("gridlist", gridopt);
    })
</script>
